<template>
    <div class="navList">
     <div class="con">
        <div class="one">
        {{itemObj.title}}
       </div>
       <div class="two">
        共点击量
       </div>
       <div class="three">
        <img :src="itemObj.cover_img" alt="">
       </div>
       <div class="four">
        <p>{{itemObj.sales_base}}人报名</p>
        <div class="con1">
            <img src="../assets/55金币.png" alt="">
           {{itemObj.price}}.00
        </div>
       </div>
     </div>
    </div>
</template>
<script>
export default {
    props:{
        itemObj:{
            type:Object
        }
    },
    data(){
        return{

        }
    }
}
</script>
<style lang="scss" scoped>
.navList{
    margin: 5px 0;
    .con{
        background-color: #fff;
        padding: 5px;
        .one{
            font-size: 20px
        }
        .two{
            font-size: 14px;
            color: #a6a9ab;
        }
        .three{
            img{
                width: 40px;
                height: 40px;
                border-radius: 25px
            }
        }
        .four{
            display: flex;
            justify-content: space-between;
            p{
                font-size: 14px;
                color: #a6a9ab;
            }
            .con1{
                display: flex;
                font-size: 16px;
                color:red;
                img{
                    width: 20px;
                    height: 20px;
                }
            }
        }
    }
}
</style>


